<template>
	<view>
		<!-- 导航栏 -->
		<uni-nav-bar fixed="true" statusBar="true">
			<template>
				<view class="title">发布任务</view>
			</template>
			<template slot="left">
				<navigator url="/pages/bountyHunter7/bountyHunter7" hover-class="none">
					<uni-icons type="arrowleft" size="30" ></uni-icons>
				</navigator>
			</template>
		</uni-nav-bar>
		<view class="padding30 publishItemBigBox">
			<view class="justifyflex publishItem">
				<view>标题</view>
				<input type="text" value="" placeholder="请填写您发布的标题" class="publishInput"/>
			</view>
			<view class="justifyflex publishItem">
				<view>城市</view>
				<input type="text" value="" placeholder="请选择所在城市" class="publishInput"/>
			</view>
			<view class="justifyflex publishItem">
				<view>行业</view>
				<input type="text" value="" placeholder="请选择发布内容所在的行业" class="publishInput"/>
			</view>
			<view>
				<view class="publisMiaosu">详情描述</view>
				<textarea class="publishTextArea" value="" placeholder="请对您将要发布的任务进行描述" />
			</view>
			<view class="justifyflex publishItem">
				<view>赏金</view>
				<input type="text" value="" placeholder="请输入赏金" class="publishInput"/>
			</view>
			<view>
				<view class="publisMiaosu">附件图片上传</view>
				<view class="publishCreamBox">
					<uni-icons type="camera" size="28" color="#ccc"></uni-icons>
				</view>
			</view>
		</view>
		<view class="publishBtn">发布</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
.title{
	width: 100%;
	text-align: center;
}
.publishInput{
	font-size: 28rpx;
	width: 550rpx;
}
.publishItem{
	border-bottom: 1px solid #CCCCCC;
	padding: 30rpx 0;
}
.publisMiaosu{
	margin: 30rpx 0;
}
.publishTextArea{
	font-size: 28rpx;
	padding: 30rpx;
	border:  1px solid #CCCCCC;
	width: 100%;
	height: 200rpx;
	box-sizing: border-box;
}
.publishCreamBox{
	width: 150rpx;
	height: 150rpx;
	border:1px dashed #CCCCCC;
	text-align: center;
	line-height: 150rpx;
}
.publishBtn{
	width: 100%;
	height: 80rpx;
	background-color: #007AFF;
	color: #fff;
	position: fixed;
	left: 0;
	bottom: 0;
	text-align: center;
	font-size: 30rpx;
	line-height: 80rpx;
}

</style>
